草庐IT

css - 用CSS分隔两个div

全部标签

javascript - CSS 变量和 Angular 5

我正在尝试在我的Angular应用程序中使用css变量,在子组件中,它只是不工作。在浏览器的Elements工具(我使用的是Chrome最新版本)中,var()不执行任何操作。例子:CSS文件::root{--width:43.75%;}#content{display:grid;grid-template-columns:repeat(2,var(--width));grid-auto-rows:90%;grid-gap:3px;align-content:center;justify-content:center;border:2pxsolidblack;width:400px;h

javascript - 如何获取包含JavaScript脚本 block 的div内容?

我有以下HTML...sometext......somejavascript...如何使用JavaScript获取#example的内容?$("#example").html(),$("#example").text(),$("#example").val()都不行。 最佳答案 html()方法应该适合您。您确定在DOM完成后运行代码吗?$(document).ready(function(){alert($("#example").html());}); 关于javascript-如

javascript - 如何通过 javascript 覆盖内联 css?

我们可以通过javascript覆盖内联css吗?与IE6兼容。我找到了这个纯css解决方案,但在IE中不起作用。http://nataliejost.com/override-inline-styles-from-the-stylesheet/http://www.sitepoint.com/blogs/2009/05/27/override-inline-css/HelloWorld我们可以用这个解决方案覆盖这个内联样式.blockspan[style]{font-weight:normal!important;color:#000!important;}此解决方案适用于除IE6之

javascript - 使用 Angular 4 中的 ReactiveForms 使两个 FormControl 输入元素保持同步

给定一个组件,带有一个表单声明ngOnInit(){this.form=this.fb.group({address:[""],});}表单上的两个输入控件,都引用同一个控件。如何使每个控件中的输入值保持相同。更新每个输入元素确实会更改模型值,但不会更改其他相应的输入值。我确信这是设计使然。我在选项卡式界面上使用控件,每个选项卡上都需要一个副本。有没有简单的方法让它们保持更新?我有一个workingplunkerdemonstration. 最佳答案 只需在表单中添加一个值字段看看这个plunker

javascript - 改变除一个 Div 之外的所有元素的不透明度

我正在尝试淡化网页上除一个div之外的所有元素。我已经能够使用以下jQuery淡出所有元素:$('*').css('opacity',.3);但是,不透明度似乎是从父元素继承的属性,即使我明确地将div的不透明度设置为1。我现在对任何解决方案一无所知,所以我可以在这里得到一些帮助吗? 最佳答案 如果您想要使这个特定的div在视觉上脱颖而出,您可以考虑一种类似于用于模态窗口/灯箱的方法。使用高z-index绝对定位div,然后在突出显示的div和其余内容之间堆叠另一个div,具有深色背景颜色和中等不透明度。这实际上会使页面的其余部分“

javascript - 用于图像圆形裁剪的 CSS/JS

我的设计师给了我一个外观,我很想能够复制它,但我不太确定该怎么做。第一部分是头像的圆形裁剪(是方形上传)第二部分是对话泡泡我愿意在后端完成第一部分,但更愿意使用CSS/JS解决方案。 最佳答案 对于圆形图像,您可以使用CSS的border-radius:只需使其足够大,使圆Angular接触即可。.profile-img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}Luke的回答对于对话泡泡来说是一个很好的答案:我已经基于它创建了泡泡。我还使

javascript - jQuery div 元素中的每个字母,悬停时数组中的随机颜色

我试图让div元素中的每个字母从一组颜色更改为随机颜色。然后在鼠标离开div时重置。这是我到目前为止所得到的。我认为我非常接近,除了它实际上不起作用的事实。这是根据本网站上的几个不同片段构建的。$(document).ready(function(){//COLOURSARRAYvarcolours=Array("#ddd","#333","#999","#bbb"),idx;$("DIV#header").hover(function(){$($(this).text().split('')).each(function(index,character){idx=Math.floor

javascript - 是否有用于组合/压缩 javascript 和 css 的 Magento 扩展?

我以为Magento自带了这个开箱即用的功能,但它似乎根本不起作用。我不确定我是否没有正确设置它,但现在我正在使用cat并更改page.xml布局文件以使用结合了javascript和css文件。我可以让Magento执行此操作吗?或者是否有添加此功能的扩展程序? 最佳答案 转到系统>配置>开发人员并更改Javascript和CSS设置框中的设置。确保您在网站/商店页面的左上角设置了正确的配置范围。确保在更改设置后刷新缓存。附言FoomanSpeedster扩展程序也将执行此任务。 关于

javascript - jQuery:如何从我的 div 中删除 css 边框属性?

我正在尝试删除div的边框,但没有成功。我已经注释掉了我的css中的代码,这是我要删除的正确属性。这是我目前正在使用的代码。背景颜色更改在下面的代码中起作用,但removeClass不起作用。vartab=getURLParameter("tab");//Disablethevisualstyleofthebuttonsinceitisdisabledforthispage.if(tab=="Property"){$(".scrape-button").css('background-color','#efefef');$(".scrape-button:hover").removeC

javascript - Jquery 在点击时更改 CSS 类

我正在做一个项目,我有一些像选项卡这样的anchor,每个anchor都有一些CSS类,选定的选项卡有单独的css类。我正在单击选项卡,我想将其CSS类更改为选定的css类我已经完成了此功能,但我遇到了一些问题,因为之前选择的选项卡也具有相同的类,我如何才能将之前选择的选项卡更改为未选择类,下面是我的代码$(".btn").each(function(){$(this).click(function(){$(this).removeClass("course-btn-tab").addClass("course-btn-tab-selected");});});ABCD